<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="photos/UncleKevin icon.png">
    <title>UncleKevin 确认订单</title>    
    <link rel="stylesheet" href="css/6-确认订单.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap-grid.min.css">
    <script src="bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/jquery/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div class="top">
        <div class="container">
            <ul class="top-left">
                <div class="download"><li style="color: #99999962;"><a href="">客户端下载&nbsp;</a></li></div>
                <div class="log-in" onclick="window.open('/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/2-注册.html','_self')"><li><a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/2-注册.html">登录</a></li></div>
                <div class="sign-in" onclick="window.open('/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/2-注册.html','_self')"><li><a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/2-注册.html" style="color:#f26704;">注册</a></li></div>
                <script>
                    $(".log-in").hover(
                        function(){
                        $(".log-in a").css({"margin-left":"40px",
                                            "font-weight":"bold"});
                        },
                        function(){
                        $(".log-in a").css({"font-weight":"normal",
                                            "margin-left":"24px",});
                        }
                    );
                    $(".sign-in").hover(
                        function(){
                        $(".sign-in a").css({"font-weight":"bold",
                                            "margin-left":"38px"});
                        },
                        function(){
                        $(".sign-in a").css({"font-weight":"normal",
                                            "margin-left":"24px"});
                        }
                    );
                    $(".download").hover(
                        function(){
                        $(".download a").css({"color":"#f26704",
                                            "font-weight":"bold"});
                        },
                        function(){
                        $(".download a").css({"font-weight":"normal",
                                            "color":"#888888",});
                        }
                    );
                </script>
            </ul>
            <ul class="top-right">
                <li style="color: #99999962;"><a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/10-我的订单.html">我的订单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><h style="margin-top: 1px;float: right;">|</h></li>
                <li style="color: #99999962;"><a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/5-购物车.html">购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><h style="margin-top: 1px;float: right;">|</h></li>
                <li style="color: #99999962;"><a href="">收藏夹&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><h style="margin-top: 1px;float: right;">|</h></li>
                <li><a href="">联系客服</a></li>
            </ul>
        </div>
    </div>
    <div class="top-Menu">
        <div class="container">
            <a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/1-首页.html"><img class="logo1" src="https://i.loli.net/2021/01/31/VlOCJo75ZI61uYd.png"></a>            
        </div>
        <div class="title">确认订单</div>
    </div>
    <div class="middle">
        <div class="container content">
            <div class="address">收货地址 ：</div>
            <ul class="address-ul">
                <a href="">
                    <li><img src="https://img.imgdb.cn/item/602ea10ce7e43a13c614d01a.jpg" alt=""></li>
                </a>
                <a href="">
                    <li><img style="margin-top: 33px;margin-left: 35px;" src="https://img.imgdb.cn/item/602ea63ee7e43a13c61703f3.jpg" alt=""></li>
                </a>
            </ul>
            <div class="good">商品及优惠券 ：</div>
            <div class="good-div">
                <img class="good-img" src="https://img.imgdb.cn/item/602ea7bae7e43a13c617a7b5.jpg" alt="">
            </div>
            <div class="good-div" style="margin-top: 50px;">
                <div class="Package">配送方式 ：</div>
                <div class="PackageMail">包邮</div>
            </div>
            <div class="Invoice" style="margin-top: 20px;">
            发票 ：
            <div class="Invoice-info">电子普通发票&nbsp;&nbsp;个人&nbsp;&nbsp;商品明细&nbsp;&nbsp;&nbsp;&nbsp; <a href="">修改></a></div>
            </div>
            <div style="border-bottom: solid 1px #e4e4e4;"><img style="max-width: 96%;margin-left: 20px;" src="https://img.imgdb.cn/item/602eb126e7e43a13c61b7cc7.jpg" alt=""></div>
            <a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/7-支付页.html"><div class="verify">去结算</div></a>
            <a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/5-购物车.html"><div class="back">返回购物车</div></a>
        </div>
    </div>

</body>
</html>